<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[1rpx]"></view>
        <view @click="navigateTo('/pages/teachingStaffDetails/teachingStaffDetails')"
            v-for="(item, index) in 3" class="px-[20rpx] mt-[10rpx] bg-white flex">
            <image
                src="https://ts2.cn.mm.bing.net/th?id=OIP.r9TqJOH9aEgcSycue1xU6QHaEK&w=298&h=167&c=10&rs=1&qlt=99&bgcl=fffffe&r=0&o=6&pid=23.1"
                class=" w-[220rpx] h-[220rpx]"></image>
            <view class="pl-[24rpx] pr-[40rpx] flex-1 flex flex-col justify-between">
                <view class="text-[#FF7860] text-[34rpx] font-medium flex justify-between mt-[10rpx]">
                    <text>越明珠</text>
                    <text>粤语专业教学</text>
                </view>
                <view class="text-[#3D3D3D] font-medium text-[30rpx] doubleLine">
                    粤语十年教学经验粤语十年教学经验粤语十年教学经验粤语十年教学经验粤语十年教学经验粤语十年教学经验粤语十年教学经验</view>
            </view>
        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>
<style scoped>
.doubleLine {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
</style>